<!DOCTYPE html>
<html>
<head>
    <style>
        table {
            border: 1px solid black
        }
        th {background-color:black;color : white}
    </style>
    <title>CDEE list example</title>
    <script type="text/javascript" src="ie6modernizer.js"></script>
    <script type="text/javascript" src="cdee.js">
    </script>

    <script type="text/javascript">


        var listComp = { "(model.title)":{"<H1>":"key"},"(model.items)":{"<LI>":"key"}};


        
        var listItems = {title: 'fruit', items: ['appels', 'peren', 'pruimen', 'druiven'] };

        cdee.mylist = {"(fruits)":{"<li>":"key"}};
        var fruits = ['appels', 'peren', 'pruimen', 'druiven'];

        function showLog(){

            document.getElementById("console").innerText="console.text:" + console.text;
         }
    </script>
</head>


<body onload="window.setTimeout('showLog()',500)"><!--onload="cdee.execute()"-->
<H1 data-cdee="cdee.header" data-text="for lists"></H1>

<BR>

<ul id="list1" data-cdee="listComp"    data-model="listItems"></ul>

<hr>
<ul id="list2" data-cdee="cdee.mylist" data-model="fruits"></ul>

<hr>
<ul id="list3" data-cdee="cdee.list" data-model="fruits"></ul>
console:
<div id="console" style="border:1px solid black;overflow: scroll;height:200px">
</div>

<script>

</script>
</body>
</html>
